<template>
  <div class="top_logo">
    <div class="leftLogo"><img src="../assets/img/logo.png" alt=""></div>
               <span> <slot><a href="#" class="contText">发现最新最热电影</a></slot></span>
               <span class="split"></span>
               <a href="#" class="rightText">
               <span>打开App</span>
                <img src="../assets/img/jt.png" alt="">
               </a>
  </div>
</template>

<script>
export default {
   name: "header2",
};
</script>

<style>
.top_logo {
            width: 100%;
            height: 64px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #e8e8e8;
            background-color: #fff;
           display: flex;
  justify-content: space-around;
        }
        .top_logo .leftLogo img {
            width: 94px;
            height: 39px;
            margin-left: 10px;
            /* margin-top: 0.16rem; */
        }
        
        .top_logo .contText {
            display: block;
            width: 112px;
            height: 17px;
            color: #666;
            font-size: 14px;
            margin-left: 60px;
            font-weight: 700;
            text-decoration: none;
        }
        
        .split {
            display: block;
            width: 1px;
            height: 17px;
            background: rgba(0, 0, 0, 0.1);
            margin-left: 10px;
        }
        
        .rightText {
            display: inline-block;
            width: 78px;
            height: 20px;
            font-size: 16px;
            color: #b37e7e;
            font-weight: 700;
            margin-left: 20px;
            position: relative;
            text-decoration: none;
        }
        
        .rightText img {
            display: inline-block;
            width: 12px;
            height: 11px;
            padding-left: 1px;
            position: absolute;
            top: 5px;
        }
</style>